<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>在线学习平台</title>
    <link rel="stylesheet" href="Public/layui/css/layui.css">

    <style>
        html,body{
            height:100%;
        }
        #iframeSrc{
            height: 100%;
        }
    </style>

</head>
<body>

<div class="layui-header header header-doc">
    <ul class="layui-nav" lay-filter="">
        <li class="" style="display: inline-block;vertical-align:-60%;">
            <a class="logo" style="font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana, sans-serif;font-size: 25px;color: #1E9FFF;">
                学习组内部网络
            </a>
        </li>
        <li class="layui-nav-item layui-this"><a href="javascript:openTab('Home-Index-Main.html');" >首页</a></li>
        <li class="layui-nav-item"><a href="javascript:openTab('Home-Index-Edit.html');">编码平台</a></li>

        <if condition="($uid gt 0) OR ($uid neq null) ">
            <li class="layui-nav-item" style="position:absolute;right:2%;top: 0;">
                <a><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><{$name}>(<{$mobile}>)</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">修改信息</a></dd>
                    <dd><a href="javascript:;">安全管理</a></dd>
                    <dd><a href="Login-Index-LoginOut.html">退出</a></dd>
                </dl>
            </li>
            <else />
            <li style="position:absolute;right:2%;top: 0;" class="layui-nav-item"><a href="javascript:login();">登陆</a></li>
        </if>

    </ul>

</div>
<iframe id="iframeSrc" width="100%" frameborder="0" src="<{$tab}>">

</iframe>

<!-- 你的HTML代码 -->

<script src="Public/layui/layui.js"></script>
<script src="Public/Common/Js/jquery-2.1.0.min.js"></script>
<script>
    //一般直接写在一个js文件中
    layui.use(['layer', 'form','element'], function(){
        var layer = layui.layer
            ,form = layui.form
            ,element = layui.element;

        //layer.msg('Hello World');
    });

    function login() {
        layer.open({
            title: '登陆',
            shade: 0,
            maxmin: false,
            'id':1,
            type: 2,
            content: 'login',
            area: ['400px', '320px'],
            end:function (index, layero) {
                window.location.reload();
            }
        });
    }

    function openTab(tab) {
        $("#iframeSrc").attr("src",tab);
        //layer.msg(tab);
    }

    var mainheight = $(window).height()-63;
    $("#iframeSrc").height(mainheight);

    $("#iframeSrc").load(function () {
        var mainheighta = $(window).height()-63;
        $(this).height(mainheighta);

    });
</script>
</body>
</html>